<template>
  <div>
    <router-view></router-view>
<!--    <router-view v-slot="{ Component }">-->
<!--      <transition name="el-fade-in">-->
<!--        <component :is="Component" class="component"></component>-->
<!--      </transition>-->
<!--    </router-view>-->
  </div>
<!--  <HelloWorld msg="Hello Vue 3 + Vite" />-->
</template>

<script setup lang="ts">
import HelloWorld from './components/HelloWorld.vue'
// This starter template is using Vue 3 experimental <script setup> SFCs
// Check out https://github.com/vuejs/rfcs/blob/master/active-rfcs/0040-script-setup.md
</script>

<style lang="scss">
#nprogress .spinner{
  display: none!important;
}
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #222222;
  width: 375px;
  height: 100%;
  overflow: auto;
  font-size: 12px;
}
// 公共样式
.title{
  background: url("./assets/images/icon/title_bg1.png") no-repeat;
  background-size: 21px 17px;
  background-position: left center;
  padding-left: 26px;
  font-size: 16px;
  font-weight: 500;
  color: #222222;
  line-height: 22px;
  margin-bottom: 12px;
}
.view-box{
  background: #FFFFFF;
  box-shadow: 0px 2px 6px 0px #EBFBF4;
  border-radius: 8px;
  border: 1px solid #BFE9D7;
  margin: 0 auto 12px;
  padding: 12px 0;
}
.border-purple{
  border-color: rgba(186, 165, 255, 1);
  color: purple;
}
.border-blue{
  border-color: rgba(108, 190, 255, 1)
}
.big-btn{
  //height: 17px;
  font-size: 12px;
  font-weight: 400;
  color: #4B7AFF;
  //line-height: 17px;
  text-align: center;
  padding: 10px 0;
}
.pl10{
  padding-left: 10px;
}
.ml10{
  margin-left: 10px;
}
.pb0{
  padding-bottom: 0!important;
}
.mt10{
  margin-top: 10px!important;
}
.tipBox{
  font-size: 12px;
  line-height: 20px;
}
.tipName {
  padding-right: 10px;
}
.foodCard {
  .tagDesc {
    margin-top: 5px;
    line-height: 20px;
    span {
      padding: 2px 3px;
      background: #FFE6D8;
      border-radius: 2px;
      color: #FF7609;
      margin-right: 6px;
    }
  }
}
.van-sticky--fixed{
  z-index: 101!important;
}
</style>
<style>
 *{
   -webkit-touch-callout:none;
   -webkit-user-select:none;
   -khtml-user-select:none;
   -moz-user-select:none;
   -ms-user-select:none;
   user-select:none;
   -o-user-select:none;
 }
</style>
